body 
{
    background-color:#555;
    }

html {
	overflow-y:scroll;
}

#logo {
	margin:1px 10px 1px 10px;
	font-weight:800;
	font-size:18px;
	font-style:italic;
	float:left;
	}
	
#Menu 
{
    height:30px;
    width:960px;
    }
	
.startPageTxt{
	clear:left;
	width:640px;
	margin-bottom:60px;
}

#wrapper {   
	margin:50px auto;
    background-color:#fff;
    width:960px;
}

#content {
	min-height: 500px;
}

.post img  {
	margin:10px;
}

textarea input{
	margin:5px 10px;
}
    

#formContainer {
	width: 300px;
	clear:both;
	margin: 50px 10px;
}

#errorLogIn{
	background: #ffebe8;
	border: 1px solid red;
	width: 500px;;
	min-height: 130px;
	margin:20px 10px 0 10px;
	}
	
.postHeader{
	width:640px;
	border-bottom: 1px solid #000;
}

.post {
	width:640px;
	margin:10px 10px;
	clear:both;
}
    
.col
{
    width:220px;
    height:300px;
    float:left;
    margin:10px;
    }
     
.bg1
{
     background:#CC6B32;
    }
    
.bg2
{
    background:#FFAB48;
    }
    
.bg3
{
    background:#A7C9AE;
    }
    
.bg4
{
    background:#888A63;
    }
     
 #footer
{
    clear:both;
    background: #000;
    height:25px;
    color:#fff;
    }  
    
/*Fixes*/
.clearfix{
	clear: both;
}

 .floatRight 
 {
     float:right;
     }  

 .floatLeft 
 {
     float:left;
     }    
 
 .inline 
{
    display:inline;
    }  
     /*http://kuler.adobe.com/#create/fromacolor*/
